<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html;" charset="UTF-8" />
		<meta name="robots" content="INDEX,FOLLOW" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		
		<link rel="icon" sizes="16x16" href="{{ asset('favicon.ico') }}">
		<link rel="canonical" href="{{ path('helpdesk_knowledgebase') }}">
		<link href="{{ asset('css/main.css') }}" type="text/css" rel="stylesheet" media="all" />

		<title>
			{% if code == 404 %}
				404 - {{ 'Page not found'|trans }}
			{% elseif code == 403 %}
				403 - {{ 'Forbidden'|trans }}
			{% elseif code == 500 %}
				500 - {{ 'Internal server error'|trans }}
			{% else %}
				{{ code }} - {{ 'Error'|trans }}
			{% endif %}
		</title>

		<style>
			.error-dialog {
				padding: 25px;
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}

			.error-dialog h1 {
				color: #6F6F6F;
				font-size: 21px;
				font-weight: 700;
				text-transform: uppercase;
				margin: unset;
				line-height: 1.4em;
			}

			.section-separator {
				width: 50px;
				border: 1px solid #6F6F6F;
				margin: 14px 0px 20px;
			}
			.uv-logo {
    			height: 70px;
 				display: table-cell;
			}
		</style>
	</head>

	<body>
		{% set websiteDetails = user_service.getWebsiteDetails('knowledgebase') %}	
		{% set currentPath = app.request.schemeAndHttpHost ~ app.request.requestUri %}

		<div class="uv-box-server-error">
			<div class="uv-box-server-error-lt">
				{% if websiteDetails %}
					<a class="uv-logo" href="{{ '/en/member/' in currentPath  ? path('helpdesk_member_dashboard') : (websiteDetails ? path('helpdesk_knowledgebase') : app.request.scheme ~'://' ~ app.request.httpHost ) }}">
						{% if websiteDetails.logo %}
							<img src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}{{ websiteDetails.logo }}" title="{{ websiteDetails.name }}">
						{% else %}
							<svg xmlns="http://www.w3.org/2000/svg" width="122" height="48" viewBox="0 0 122 48">
								<defs>
									<style>
										.cls-1 {
											fill: #9f9f9f;
											fill-rule: evenodd;
										}
									</style>
								</defs>

								<path id="uvdesk-icon" class="cls-1" d="M43.5,23A1.5,1.5,0,0,1,45,24.5V25H42V24.5A1.5,1.5,0,0,1,43.5,23ZM39,31H38V18h1a2.257,2.257,0,0,1,2,2v9A2.257,2.257,0,0,1,39,31Zm6-5H42s1.769,15.329-15,17c0.011-.1-0.027,1.292,0,2C33.324,44.708,45.563,40.575,45,26ZM25.987,44A1.988,1.988,0,1,1,24,41.989,2,2,0,0,1,25.987,44ZM8,41A18.173,18.173,0,0,1,3.386,29.28L3,24a14.906,14.906,0,0,0,9-5,14.838,14.838,0,0,0,5,4,17.2,17.2,0,0,0,16-1l4-3a2.479,2.479,0,0,0,0-1C36.692,8.308,27.872,0,18,0h0A17.913,17.913,0,0,0,0,18V29A21.17,21.17,0,0,0,5,43a16.677,16.677,0,0,0,7,5l1-3C10.936,44.167,9.633,42.824,8,41Zm2.492-15A3.5,3.5,0,1,0,14,29.5,3.5,3.5,0,0,0,10.492,26ZM27.5,33A3.5,3.5,0,1,0,24,29.5,3.5,3.5,0,0,0,27.5,33Z"/>
								<path id="uvdesk" class="cls-1" d="M53.078,25.329c0,2.976,1.1,4.56,3.576,4.56a4.931,4.931,0,0,0,3.84-2.112h0.072L60.734,29.6h1.632V17.937H60.4v8.281c-1.1,1.368-1.944,1.968-3.144,1.968-1.536,0-2.184-.936-2.184-3.12V17.937H53.078v7.393ZM68.822,29.6h2.3l4.128-11.665H73.31L71.1,24.561c-0.336,1.152-.72,2.328-1.056,3.432h-0.1c-0.36-1.1-.744-2.28-1.08-3.432l-2.208-6.625h-2.04Zm7.752-5.809c0,3.888,1.9,6.1,4.824,6.1a5.262,5.262,0,0,0,3.528-1.656H85L85.166,29.6H86.8V12.512H84.806V17l0.1,1.992a4.806,4.806,0,0,0-3.264-1.344C78.973,17.649,76.573,20,76.573,23.793Zm2.04-.024c0-2.664,1.488-4.464,3.36-4.464a4.06,4.06,0,0,1,2.832,1.224v6.1a3.948,3.948,0,0,1-2.976,1.608C79.789,28.233,78.613,26.553,78.613,23.769Zm11.256,0.024c0,3.816,2.472,6.1,5.593,6.1a6.947,6.947,0,0,0,3.84-1.2l-0.7-1.3a5.271,5.271,0,0,1-2.9.912c-2.232,0-3.744-1.584-3.888-4.1h7.873a6.956,6.956,0,0,0,.072-1.08c0-3.336-1.68-5.472-4.656-5.472C92.437,17.649,89.869,19.977,89.869,23.793Zm1.92-.888c0.24-2.352,1.728-3.7,3.36-3.7,1.824,0,2.88,1.32,2.88,3.7H91.789Zm9.552,5.376a7.021,7.021,0,0,0,4.344,1.608c2.76,0,4.272-1.584,4.272-3.48,0-2.208-1.872-2.9-3.552-3.528-1.32-.5-2.592-0.936-2.592-2.016,0-.888.672-1.68,2.136-1.68a4.331,4.331,0,0,1,2.664,1.032l0.936-1.248a5.822,5.822,0,0,0-3.624-1.32c-2.52,0-4.008,1.44-4.008,3.312,0,1.968,1.824,2.76,3.48,3.36,1.272,0.48,2.664,1.008,2.664,2.208,0,1.008-.768,1.824-2.3,1.824a5.245,5.245,0,0,1-3.432-1.392Zm11.352,1.32h1.944V26.529l2.184-2.544,3.408,5.617h2.16l-4.44-6.985,3.912-4.68h-2.184l-4.968,6.145h-0.072V12.512h-1.944V29.6Z"/>
							</svg>
						{% endif %}
					</a>
				{% else %}
					<a href="http://uvdesk.com">
						<img src="{{ asset('bundles/uvdeskcoreframework/images/uvdesk-logo.svg') }}" title="UVdesk">
					</a>	
				{% endif %}

				<div class="uv-box-block">
					<p class="uv-error-title">
						{% if code == 404 %}
							<span>404</span>
							- {{ 'Page not found'|trans }}
							<p>{{ 'We were not able to find the page you are looking for.'|trans }}</p>
						{% elseif code == 403 %}
							<span>403</span>
							- {{ 'Forbidden'|trans }}
							<p>{{ 'You don’t have the necessary permissions to access this Web page :('|trans }}</p>
						{% elseif code == 500 %}
							<span>500</span>
							- {{ 'Internal server error'|trans }}
							<p>{{ "Our system has goofed up for a while, but good part is it won't last long"|trans }}</p>
						{% else %}
							<span>{{ code }}</span>
							- {{ 'Unknown Error'|trans }}
							<p>{{ 'We are quite confused about how did you land here:/'|trans }}</p>
						{% endif %}
					</p>
				</div>

				<div class="uv-box-block">
					<p>{{ 'Few of the links which may help you to get back on the track:'|trans }}</p>
					
					<ul>
						<li><a href="{{ '/en/member/' in currentPath  ? path('helpdesk_member_dashboard') : (websiteDetails ? path('helpdesk_knowledgebase') : app.request.scheme ~'://' ~ app.request.httpHost ) }}">{{ 'Home'|trans }}</a></li>

						{% if websiteDetails is defined and websiteDetails is not empty %}
							<li><a href="{{ path('helpdesk_knowledgebase') }}">{{ 'Support'|trans }}</a></li>
						{% endif %}
					</ul>
				</div>
			</div>

			<div class="uv-box-server-error-rt">
				{% if code in [404, 500, 403] %}
					{% if code == 404 %}
							<img class="error-grooves" src="{{ asset('bundles/uvdeskcoreframework/images/404.png') }}" alt="{{ code }}" />
					{% elseif code == 500 %}
							<img class="error-grooves" src="{{ asset('bundles/uvdeskcoreframework/images/500.png') }}" alt="{{ code }}" />
					{% else %}
							<img class="error-grooves" src="{{ asset('bundles/uvdeskcoreframework/images/403.png') }}" alt="{{ code }}" />
					{% endif %}
				{% else %}
						<img class="error-grooves" src="{{ asset('bundles/uvdeskcoreframework/images/unkown-error.png') }}" alt="{{ code }}" />
				{% endif %}
			</div>
			
			<div class="uv-box-footer">
				<p>{% trans %}Powered by {% endtrans %} <a target="_blank" href="https://www.uvdesk.com/en/">{% trans %}UVdesk{% endtrans %}</a></p>
			</div>
		</div>
	</body>
</html>
